// layui.use(['laydate', 'form', 'layer'],
//     function () {
//         $ = layui.jquery;
//         var form = layui.form,
//             layer = layui.layer;
//         var laydate = layui.laydate;
//
//
//
//
//         //执行一个laydate实例
//         laydate.render({
//             elem: '#birthday' //指定元素
//             , trigger: 'click'
//         });
//         //自定义验证规则
//         form.verify({
//             phone: [/1[389]\d{9}/, '电话号码必须为1开头第二个数必须为389中的一个'],
//             pass: [/(.+){6,12}$/, '密码必须6到12位'],
//             repass: function (value) {
//                 if ($('#L_pass').val() != $('#L_repass').val()) {
//                     return '两次密码不一致';
//                 }
//             }
//         });
//
//         //监听提交
//         form.on('submit(add)',
//             function (data) {
//                 data = data.field;
//
//                 //发异步，把数据提交给php
//                 //需要对hobby重新赋值
//                 let hobby = [];
//                 //需要去监听复选框，如果有被选中，则将当前的title里面的值拿到推入到数组里面
//
//                 // $("input[type=checkbox][name=hobby]:checked")")拿到当前爱好所有选中的对象
//                 //对当前的对象进行遍历 each
//                 //没有名字的方法叫做匿名方法  匿名函数  匿名类
//                 $("input[type=checkbox][name=hobby]:checked").each(function () {
//                     // if ($(this).is(":checked")) {
//                     //     result.push($(this).attr("title"));
//                     // }
//                     //jquery得到对象的属性值，用attr，如果对属性进行赋值也用attr('属性',‘值’)
//                     hobby.push($(this).attr("title"));
//                 });
//                 //怎么对数组转换为字符串？
//                 // console.log(hobby, 'hobby');
//                 //后台正常情况下是拿不到前端传递过去的数组信息，所以需要转换为字符串
//                 data.hobby = hobby.toLocaleString();
//                 console.log(data, 'data');
//                 $.ajax({
//                     url: '/back/user/add',//对于servlet里面的注解地址
//                     data: data,//传递给后台的数据
//                     type: 'post',//对于方法
//                     dataType: 'json',//默认全是json
//                     success: function (res) {//res后台传递到前端的数据
//                         if (res.count > 0) {
//                             layer.alert("增加成功", {
//                                     icon: 6
//                                 },
//                                 function () {
//                                     //关闭当前frame
//                                     xadmin.close();
//
//                                     // 可以对父窗口进行刷新
//                                     xadmin.father_reload();
//                                 });
//                         } else {
//                             layer.alert("增加成功");
//                         }
//                     }
//                 });
//
//                 return false;
//             });
//
//     });

// $(function () {
//     let userId=sessionStorage.getItem("userId");
//     console.log(userId);
//     findById(userId);
// })
// function findById(id) {
//     $.ajax({
//         url:'/back/user/findById',
//         data: {id:id},
//         type:'get',
//         dataType: 'json',
//
//         success:function (data ) {
// console.log(data)
//         }
//     })
//
// }
$(function () {
    let id = sessionStorage.getItem("userId");
    findById(id);
});

function findById(id) {
    $.ajax({
        url: '/back/user/findById',
        data: {id: id},//key-value
        type: 'get',
        dataType: 'json',
        success: function (res) {
            console.log(res);
            setUserData(res.data);
        }
    })
}

function setUserData(data) {
    layui.use(['form'],
        function () {
            $ = layui.jquery;
            var form = layui.form;


            // $("#username").attr("value",data.username);
            $("#username").val(data.username);
            $("#phone").val(data.phone);
            $("#email").val(data.email);


            $("#sex").val(data.sex);
            $("#birthday").val(data.birthday);
            $("#remark").val("fghjkl;lkhgfgj");

            $('input[name="enable"][value="' + data.enable + '"]').prop('checked', 'checked');
            //赋值复选框
            //1.得到后台传递过来的爱好 data.hobby
            //2.将data.hobby分成单个和页面上的爱好进行以一比对，如果相等则让当前的复选框选中
            if (data.hobby != undefined) {
                let hobbys = data.hobby.split(",");
                $("input[type=checkbox][name=hobby]").each(function () {
                    for (let i = 0; i < hobbys.length; i++) {
                        // 拿到后台传递过来的爱好和页面的爱好进行对比
                        if (hobbys[i] == $(this).attr("title")) {
                            //拿到对象的属性checked，并赋值为true
                            $(this).attr("checked", true);
                        }
                    }
                })
            }
            //一定要渲染一次
            form.render();

        });

}

layui.use(['laydate', 'form', 'layer'],
    function () {
        $ = layui.jquery;
        var form = layui.form;
        var laydate = layui.laydate;
        let layer = layui.layer;
        //执行一个laydate实例
        laydate.render({
            elem: '#birthday' //指定元素
            , trigger: 'click'
        });

        //监听提交
        //update 对应页面的lay-filter="update"
        form.on('submit(update)',
            function (data) {
                data = data.field;
                let hobby = [];
                $("input[type=checkbox][name=hobby]:checked").each(function () {
                    hobby.push($(this).attr("title"));
                });
                data.hobby = hobby.toLocaleString();
                data.id=sessionStorage.getItem("userId");
                console.log(data);
                $.ajax({
                    url: '/back/user/edit',//对于servlet里面的注解地址
                    data: data,//传递给后台的数据
                    type: 'post',//对于方法
                    dataType: 'json',//默认全是json
                    success: function (res) {//res后台传递到前端的数据
                        if (res.msg == 'success') {
                            layer.alert("编辑成功", {
                                    icon: 6
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();


                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        } else {
                            layer.alert("编辑失败");
                        }
                    }
                });
                return false;
            });
    });
